<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <style type="text/css">
.crop_preview{
			position:absolute;	
			left:432px;
			top:113px;
			width: 160px;
			height: 145px; 
			 overflow:hidden;
			 }
.yuantu{margi-left:20px;
		width: 360px;
		height: 370px;}
</style>
<div id="outer" style="left:40%;top:12%;width:650px;height: 500px;position: absolute;z-index: 100;opacity:0.99;display:none;background:white;border:2px solid gray;">
	<input type="hidden" id="x" name="x" value="0"/>
	<input type="hidden" id="y" name="y" value="0"/>
	<input type="hidden" id="w" name="w" value="100"/>
	<input type="hidden" id="h" name="h" value="100"/>
	<input type="hidden" id="submitPath" value="<%=getServletContext().getInitParameter("saveToLogoURL")%>">
	<input type="hidden" id="imgPath">
	<div style="float: left;margin-left: 20px;margin-top: 30px;;width:380px;height: 400px; border-right:1px dashed red">
		<div style="font-size: 15px;">原始图片</div>
		<div style="width:360px;height: 370px;margin-top:10px; border:1px solid #b2b2b2">
			<div id="img_look">
					<div class="yuantu" id="yuantu"></div>
			</div>
			</div>
	</div>
	<div style="float: left;margin-left:30px;margin-top: 60px;;width:180px;height: 200px;">
		<div style="font-size: 12px;">为了更加美观的在帖子封面展示图片，您上传的图片将会自动改变为一下状态</div>
		<div  style="width:160px;height:145px;margin-top:10px; border:1px solid #b2b2b2">
			<div id="img_look">
					<div id="preview_box" class="crop_preview"></div>
			</div>
			
			</div>
	</div>
	<div style="clear: both;"></div>
	<input type="button" class="button_style" style="height:25px; width: 80px; font-size: 12px;margin-top: 15px; margin-left: 20px" value="确定" onclick="UploadZuoBiao()"/>
</div>